<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>key words</title>
		<script type="text/javascript" src="../js/jquery-3.3.1.slim.min.js"></script>
		<link type="text/css" rel="stylesheet" href="../css/common.css" />
		<link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
	</head>
	<body>
		<div>
			<input oninput="word0()" id="testWords0" />
		</div>
		<div>
			<input onkeydown="word2()" id="testWords2" />
		</div>
		<div>
			<input onkeyup="word3()" id="testWords3" />
		</div>
		<div>
			<button class="btn btn-success">wordsFunction</button>
		</div>
	</body>
	<script>
		function wordsChange() {
			var nowWords = $("#testWords").val();
			console.log(nowWords);
		}
		
		function word0() {
			var nowWords = $("#testWords0").val();
			console.log(nowWords);
		}
		function word2() {
			var nowWords = $("#testWords2").val();
			console.log(nowWords);
		}
		function word3() {
			var nowWords = $("#testWords3").val();
			console.log(nowWords);
		}
	</script>
</html>
